<template lang="pug">
  el-container#index(v-cloak)
    el-header#Header(v-cloak)
      el-menu.el-menu-demo(mode='horizontal',
        background-color='#545c64',
        text-color='#fff',
        select="",
        active-text-color='#ffd04b')
        el-menu-item(index="1-1" @click="goHome") MyHouse
    el-main
      router-view
</template>

<script>
import { EventBus } from '@/eventBus.js'
export default {
  name: 'index',
  components: {},
  data () {
    return {
      lang: 'cn',
      langSetting: 3
    }
  },
  mounted: function () {},
  methods: {
    go: function (tar) {
      this.$router.push(tar)
    },
    goHome: function () {
      this.$router.push('/')
    }
  }
}
</script>

<style scoped>
body {
  margin: 0;
}
.el-header {
  padding: 0;
}
.pull-right {
  float: right;
}
#header {
  position: relative;
}
#userBtn {
  position: absolute;
  top: 10px;
  right: 20px;
}
#userBtn .el-button {
  padding: none;
}
#languageBtn {
  margin: 10px;
  float: right;
  margin-right: 80px;
}
</style>
